﻿
@{
    ViewBag.Title = "上传文件";
    Layout = null;
}
<link href="~/Content/layui-v2.8.15/layui/css/layui.css" rel="stylesheet" />
<script src="~/Content/layui-v2.8.15/layui/layui.js"></script>
<script src="~/Scripts/jquery-3.4.1.min.js"></script>
<script src="~/content/layui-v2.8.15/layui/axios.min.js"></script>
<div style="margin:30px;">
    <h2>文件上传</h2>
    <br /> <br />
    <div>
        <div class="layui-upload-drag" style="display: block; height:200px">

            <input type="file" id="file" style="width: 100%; display: block; height:100%; opacity: 0; " />
            <div style="position:absolute; left:50%;top:50%;">
                <i class="layui-icon layui-icon-upload"></i>
                <div>点击上传，或将文件拖拽到此处</div>
                <div class="layui-hide" id="ID-upload-demo-preview">

                    <hr> <img src="" alt="上传成功后渲染" style="max-width: 100%">
                </div>
            </div>
        </div>
        <br />
        <button id="btnDoUpload" class="layui-btn"><i class="layui-icon layui-icon-upload"></i> 执行上传</button>

    </div>

    <div style="width:60%; margin: 10px;">
        <div id="fileInfo"></div>
        <span>上传进度：</span>
        <b style="color: #ff5722;" id="progressStrip"></b>
        <br />
        <div id="ID-slider-demo"></div>
    </div>

</div>
<script type="module" src="~/js/upload.js"></script>





